<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>template-1.0-traditional</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

        <link href="css/pure-release-0.5/grids-core.css" rel="stylesheet" />
       
           <link href="css/pure-release-0.5/pure.css" rel="stylesheet" />
       
        <!--<link href="css/pure-release-0.5/base.css" rel="stylesheet" />--> 
        <link href="css/pure-release-0.5/grids.css" rel="stylesheet" />
        <script src="" type="text/javascript" charset="utf-8"> </script>
        
        <style type="text/css">
            *{
                margin:0;
                padding:0;
            }
            .center{
                width: 80%;
                margin: 0px auto;
                padding: 10px;
            }
            .bg{
                background: #f1f1f1;padding: 10px; 
            }
        </style>
        <script type="text/javascript">
            
        </script>
    </head>
    <body>
    <div class="center">
    <h1 align="center">this is header!</h1>
    <br />
    <b>table </b><br />
    <div class="bg"> 
        <table width="80%" class="pure-table-odd" align="center">
        <tr>
            <td>公式名称</td>
            <td>公式名称</td>
            <td>公式名称</td>
        </tr>
        <tr >
            <td>公式名称</td>
            <td>公式名称</td>
            <td>公式名称</td>
        </tr>
        <tr >
            <td>公式名称</td>
            <td>公式名称</td>
            <td>公式名称</td>
        </tr>
    </table>
    </div>  
    <br />
    <b>div span </b><br />
    <div class="pure-u">
        <span class="pure-button">按钮-111 </span>
        <span class="pure-button">2222222</span>
        <span>3333333 </span>
        <span>4444444 </span>
        <span>5555555 </span>
        <span>6666666 </span>
        <span>7777777 </span>
    </div> 
        <br />
        <br />
        <div>
        <b>form </b><br />
        <form class="pure-form bg">
           <!--<div>pure-form,</div>-->
        <input type="button" value="按钮button" />&nbsp; 用户名：
        <input type="text" value="text here" name="text" />
        <input type="checkbox" name="cb" value="checkbox1" checked="checked" />勾选这里  
        <input type="checkbox" name="cb" value="checkbox2" />勾选这里，密码：
        <input type="password" name="password " value=" password" />
        <input type="radio" name="radio " value="radio " />还有这里 <br />
        <textarea name="ta " value=" textarea" >  </textarea>
        </form>
        </div>
        <b>ul </b><br />
        <div class="pure-menu-horizontal bg">
            <ul>
                <li>11111</li>
                <li>
                    <ul>
                    <li>11111</li>
                    <li>11111</li>
                    </ul>
                </li>
                <li>11111</li>
                <li>11111</li>
            </ul>
        </div>
    
    </div>
    </body>
</html>
